import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';

@Component({
  selector: 'list',
  templateUrl: './list.component.html',
  styleUrls: ['./list.component.css']
})

export class ListComponent {
  private arr:Array<number>;
  // 将http依赖注入到construtor函数中
  constructor(private http:Http) {
    console.log(this.http);
    let res = this.http.get('http://localhost:8082');
    console.log(res);
    // 这里得到的res对象不是请求返回的数据，实际上现在还没有给服务器发送数据，这里通常会转为promise对象。
    res.toPromise().then(res => {    // 真正向服务器发送了请求
      console.log(res);
      // res还不是数据，需要根据自己的需求调用方法确定数据类型，这里因为是数组所以使用json方法
      console.log(res.json());
      this.arr = res.json();
    }, err => {
      console.log(err);
    })
  }
  OnInit() {

  }
}
